@charset "UTF-8";
/* 主题背景色 */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  width: 100vw;
}

body {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  background: var(--primaryColor1, #000000);
}

.status-bar {
  position: fixed;
  top: 0;
  width: 7.5rem;
  height: .80rem;
  background: var(--primaryColor1, #000000);
  z-index: 10;
}

.status-bar img {
  display: block;
  width: 100%;
  height: 100%;
}

p, span, time, a, h1, h2, h3 {
  font-size: .24rem;
  font-weight: lighter;
}

a {
  text-decoration: none;
}

input {
  border: none;
  background: var(--primaryColor2, #1c1c1f);
  outline: none;
}

li {
  list-style: none;
}

.text-h2 {
  color: white;
  font-size: .28rem;
}

.text1 {
  color: #999999;
  font-size: .24rem;
}

.text-a {
  font-size: .26rem;
  color: #d97d2a;
}

.el-col {
  min-height: 1px;
}

.index-container, .class-container {
  background: var(--primaryColor1, #000000);
}

.index-serch-bar .serch {
  background: var(--primaryColor2, #1c1c1f);
}

.hot-content {
  background: var(--primaryColor3, #1b1b1b);
}

.exhibition-box {
  background: var(--primaryColor3, #1b1b1b);
}

.nav {
  background: var(--primaryColor1, #000000);
}

.seat {
  height: 2rem;
}

.indextitle {
  height: 1.62rem;
  position: relative;
}

.indextitle img {
  display: block;
  width: 2.29rem;
  height: .6rem;
  position: absolute;
  left: .45rem;
  top: .501rem;
}

.indextitle .details {
  display: inline-block;
  height: 100%;
  position: absolute;
  right: .3rem;
}

.indextitle .details svg {
  margin-top: 0.46rem;
  width: .45rem;
  height: .70rem;
}
